﻿<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="renderer" content="webkit|ie-comp|ie-stand">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
        <meta http-equiv="Cache-Control" content="no-siteapp" />
        <!--[if lt IE 9]>
        <script type="text/javascript" src="__STATIC__/admin/hui/lib/html5shiv.js"></script>
        <script type="text/javascript" src="__STATIC__/admin/hui/lib/respond.min.js"></script>
        <![endif]-->
        <link rel="stylesheet" type="text/css" href="__STATIC__/admin/hui/static/h-ui/css/H-ui.min.css" />
        <link rel="stylesheet" type="text/css" href="__STATIC__/admin/hui/static/h-ui.admin/css/H-ui.admin.css" />
        <link rel="stylesheet" type="text/css" href="__STATIC__/admin/hui/lib/Hui-iconfont/1.0.8/iconfont.css" />
        <link rel="stylesheet" type="text/css" href="__STATIC__/admin/hui/static/h-ui.admin/skin/default/skin.css" id="skin" />
        <link rel="stylesheet" type="text/css" href="__STATIC__/admin/hui/static/h-ui.admin/css/style.css" />
        <!--[if IE 6]>
        <script type="text/javascript" src="__STATIC__/admin/hui/lib/DD_belatedPNG_0.0.8a-min.js" ></script>
        <script>DD_belatedPNG.fix('*');</script>
        <![endif]-->
        <title>商户信息</title>
    </head>
    <body>
        <nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span> 账户管理 <span class="c-gray en">&gt;</span> 商户信息 <a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新" ><i class="Hui-iconfont">&#xe68f;</i></a></nav>
        <div class="page-container">
            <form class="form form-horizontal col-sm-6 pd-20 radius" id="form-password-change" style="border: 1px solid #ccc;border-radius: 10px;box-shadow:2px 2px 5px #d3d6da;">
                <div id="tab_demo" class="HuiTab">
                <div class="tabBar clearfix cl">
                    <span class="radius">基本信息</span>
                    <span class="radius">账户信息</span>
                    <span class="radius">密钥信息</span>
                </div>
                <input type="hidden" id="id" name="id" value="{$info.id}"/>
                
                    <!--基本信息-->
                    <div class="tabCon">
                <div class="row cl">
                    <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span> 商户号：</label>
                    <div class="formControls col-xs-8 col-sm-8">
                        <input type="text" class="input-text" value="{$info.merchant_id}" placeholder="" id="merchant_id" name="merchant_id" disabled>
                    </div>
                </div>
                <div class="row cl">
                    <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span> 名称：</label>
                    <div class="formControls col-xs-8 col-sm-8">
                        <input type="text" class="input-text" value="{$info.name}" placeholder="" id="name" name="name">
                    </div>
                </div>
                <div class="row cl">
                    <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span> 邮箱：</label>
                    <div class="formControls col-xs-8 col-sm-8">
                        <input type="text" class="input-text" value="{$info.email}" placeholder="" id="email" name="email">
                    </div>
                </div>
                <div class="row cl">
                    <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span> 手机号：</label>
                    <div class="formControls col-xs-8 col-sm-8">
                        <input type="text" class="input-text" value="{$info.tel}" placeholder="" id="tel" name="tel" disabled>
                    </div>
                </div>
                    </div>
                
                    <!--账户信息-->
                    <div class="tabCon">
                <div class="row cl">
                    <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span> 余额（元）：</label>
                    <div class="formControls col-xs-8 col-sm-8">
                        <input type="text" class="input-text" value="{$info.amount}" placeholder="" id="amount" name="amount" disabled>
                    </div>
                </div>
                <div class="row cl">
                    <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span> 冻结余额（元）：</label>
                    <div class="formControls col-xs-8 col-sm-8">
                        <input type="text" class="input-text" value="{$info.djamount}" placeholder="" id="djamount" name="djamount" disabled>
                    </div>
                </div>
                        {if !!$info.is_prepay}
                <div class="row cl">
                    <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span> 剩余可使用手续费（元）：</label>
                    <div class="formControls col-xs-8 col-sm-8">
                        <input type="text" class="input-text" value="{$info.mchnt_pre_fee}" placeholder="" id="mchnt_pre_fee" name="mchnt_pre_fee" disabled>
                    </div>
                </div>
                        {/if}
                <div class="row cl">
                    <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span> 一键支付费率（%）：</label>
                    <div class="formControls col-xs-8 col-sm-8">
                        <input type="text" class="input-text" value="{$info.total_yjzf_rate}" placeholder="" id="total_yjzf_rate" name="total_yjzf_rate" disabled>
                    </div>
                </div>
                <div class="row cl">
                    <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span> b2c网银费率（%）：</label>
                    <div class="formControls col-xs-8 col-sm-8">
                        <input type="text" class="input-text" value="{$info.total_netb2c_rate}" placeholder="" id="total_net_b2c_rate" name="total_net_b2c_rate" disabled>
                    </div>
                </div>
                <div class="row cl">
                    <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span> 代付代发费用（元/笔）：</label>
                    <div class="formControls col-xs-8 col-sm-8">
                        <input type="text" class="input-text" value="{$info.total_daifu_fee}" placeholder="" id="total_daifu_fee" name="total_daifu_fee" disabled>
                    </div>
                </div>
                    </div>
                
                    <!--密钥信息-->
                    <div class="tabCon">
                <div class="row cl">
                    <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span> 交易签名密钥：</label>
                    <div class="formControls col-xs-8 col-sm-8">
                        <input type="text" class="input-text" value="{$info.md5key}" placeholder="" id="md5key" name="md5key" disabled>
                    </div>
                </div>
                <div class="row cl">
                    <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span> 代付签名密钥：</label>
                    <div class="formControls col-xs-8 col-sm-8">
                        <input type="text" class="input-text" value="{$info.daifumd5key}" placeholder="" id="daifumd5key" name="daifumd5key" disabled>
                    </div>
                </div>
                <div class="row cl">
                    <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span> 代付密码：</label>
                    <div class="formControls col-xs-8 col-sm-8">
                        <input type="text" class="input-text" value="{$info.daifupwd}" placeholder="" id="daifupwd" name="daifupwd" disabled>
                    </div>
                </div>
                    </div>
                
<!--                <div class="row cl">
                    <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-2">
                        <input class="btn btn-primary radius Hui-iconfont" type="submit" value="&#xe632; 保存">
                    </div>
                </div>-->
                </div>
            </form>
        </div>
        <!--_footer 作为公共模版分离出去-->
        <script type="text/javascript" src="__STATIC__/admin/hui/lib/jquery/1.9.1/jquery.min.js"></script> 
        <script type="text/javascript" src="__STATIC__/admin/hui/lib/layer/2.4/layer.js"></script>
        <script type="text/javascript" src="__STATIC__/admin/hui/static/h-ui/js/H-ui.min.js"></script> 
        <script type="text/javascript" src="__STATIC__/admin/hui/static/h-ui.admin/js/H-ui.admin.js"></script> <!--/_footer 作为公共模版分离出去-->

        <!--请在下方写此页面业务相关的脚本-->
        <script type="text/javascript" src="__STATIC__/admin/hui/lib/jquery.validation/1.14.0/jquery.validate.js"></script>
        <script type="text/javascript" src="__STATIC__/admin/hui/lib/jquery.validation/1.14.0/validate-methods.js"></script>
        <script type="text/javascript" src="__STATIC__/admin/hui/lib/jquery.validation/1.14.0/messages_zh.js"></script>
        <script type="text/javascript" src="__STATIC__/admin/hui/lib/jquery/1.9.1/jquery.md5.js"></script> 
        <script>
            //选项卡
            jQuery.Huitab = function (tabBar, tabCon, class_name, tabEvent, i) {
                var $tab_menu = $(tabBar);
                // 初始化操作
                $tab_menu.removeClass(class_name);
                $(tabBar).eq(i).addClass(class_name);
                $(tabCon).hide();
                $(tabCon).eq(i).show();

                $tab_menu.bind(tabEvent, function () {
                    $tab_menu.removeClass(class_name);
                    $(this).addClass(class_name);
                    var index = $tab_menu.index(this);
                    $(tabCon).hide();
                    $(tabCon).eq(index).show()
                })
            }
            
            $(function () {
                $.Huitab("#tab_demo .tabBar span","#tab_demo .tabCon","current","click","0");
// #tab_demo 父级id
// #tab_demo .tabBar span 控制条
// #tab_demo .tabCon 内容区
// click 事件 点击切换，可以换成mousemove 移动鼠标切换
// 0	默认第1个tab为当前状态（从0开始）
                
                $("#form-password-change").validate({
                    rules: {
                        name: {
                            required: true
                        },
                        email: {
                            required: true,
                            email:true
                        },
                        tel: {
                            required: true,
                            isPhone:true
                        }
                    },
                    onkeyup: false,
                    focusCleanup: true,
                    success: "valid",
                    submitHandler: function (form) {
                        $(form).ajaxSubmit({
                            type: 'post',
                            url: "{:url('merchant/info')}",
                            success: function (data) {
//                                    alert(data);
                                layer.msg(data, {icon: 1, time: 3000}, function () {
                                    location.reload();
                                });
                            },
                            error: function (XmlHttpRequest, textStatus, errorThrown) {
                                layer.msg('error!', {icon: 1, time: 3000});
                            }
                        });
                    }
                });
            });
        </script>
    </body>
</html>